$(function(){
	page.bind();
	page.removeBtnBind();
	queryTable();
	
})
var table;
var page = {
	bind:function(){
		$("#add").bind("click",function(){
			$("#addModal").modal("show");
		});
		$("#confirm").bind("click",function(){
			var deviceId = $("#deviceId").val();
			if(deviceId.length!=16 || !/^[A-Za-z0-9]+$/.test(deviceId)){
				layAlert("设备编号格式不正确，请输入16位字母数字混合的设备序列号");
				return false;
			}
			var deviceName = $("#deviceName").val();
			if(deviceName.length<=0){
				layAlert("请输入设备名称");
				return false;
			}
			if(deviceName.length>20){
				layAlert("设备名称不能超过20个字符");
				return false;
			}
			ajaxUtil.ajaxRequest("dingTalk/insertAttendDevice",{'deviceId':deviceId,'deviceName':deviceName}).then(function(res){
				layAlert(res);
				table.ajax.reload(null, false);
				$("#addModal").modal("hide");
			});
		});
		//点击删除按钮
		$('#queryTable tbody').on("click",'.delete',function(){
			var id = $(this).val();
			if(confirm("确定删除该考勤机?")){
				ajaxUtil.ajaxRequest("dingTalk/deleteAttendDevice",{'id':id}).then(function(data){
					table.ajax.reload( null, false);
					layer.msg(data,{icon:1});
				});
			}
		});
		//点击修改按钮
		$('#queryTable tbody').on("click",'.update',function(){
			var deviceId = $(this).parents().children('td').eq(0).text();
			var deviceName = $(this).parents().children('td').eq(1).text();
			var id = $(this).val();
			$("#update-deviceId").val(deviceId);
			$("#update-deviceName").val(deviceName);
			$("#updateBtn").val(id);
			$("#updateModal").modal("show");
		});
		//点击设置管理员按钮
		$('#queryTable tbody').on("click",'.manage',function(){
			var id = $(this).val();
			ajaxUtil.ajaxRequest("dingTalk/getAttendDeviceUsers",{'deviceId':id}).then(function(data){
				$("#manageModalBtn").val(id);
				$(".left-box").html("");
				$(".right-box").html("");
				for(var i=0;i<data.length;i++){
					if(data[i].isManager=='1'){
						$(".right-box").append("<li class='item ui-sortable-handle' value='"+data[i].userId+"' >"+data[i].userName+"</li>");
					}else{
						$(".left-box").append("<li class='item ui-sortable-handle' value='"+data[i].userId+"' >"+data[i].userName+"</li>");
					}
				}
				page.leftAndRightBind();
				$("#manageModal").modal("show");
			});
		});
		//设置管理员确定按钮
		$("#manageModalBtn").bind("click",function(){
			var deviceId = $(this).val();
			var length = $(".right-box li").length;
			if(length>5){
				layAlert("管理员人数不能超过5个");
				return false;
			}
			var arr = [];
			$(".right-box li").each(function(){
				arr.push({'managerId':$(this).attr("value"),'managerName':$(this).text()});
			});	
			ajaxUtil.ajaxRequest("dingTalk/insertAndDeleteAttendDeviceManager",{'deviceId':deviceId,'deviceManagerArr':JSON.stringify(arr)}).then(function(data){
				table.ajax.reload( null, false);
				layer.msg(data,{icon:1});
				$("#manageModal").modal("hide");
			});
		});
		//设置管理员模态框显示
		$("#manageModal").on("show.bs.modal",function(){
			$("#manageModal .pad").each(function(){
				$(".right-box").append($(".left-box").find('[value="'+$(this).attr("value")+'"]'));
			});
		});
		//设置管理员模态框隐藏
		$("#manageModal").on("hidden.bs.modal",function(){
			$(".left-box").append($(".right-box").find('.item').removeClass('selected-item'));
		});
		//修改确定按钮
		$("#updateBtn").bind("click",function(){
			var deviceName = $("#update-deviceName").val();
			if(deviceName.length<=0){
				layAlert("请输入设备名称");
				return false;
			}
			if(deviceName.length>20){
				layAlert("设备名称不能超过20个字符");
				return false;
			}
			ajaxUtil.ajaxRequest("dingTalk/updateAttendDevice",{'id':$(this).val(),'deviceName':deviceName}).then(function(data){
				table.ajax.reload( null, false);
				layer.msg(data,{icon:1});
				$("#updateModal").modal("hide");
			});
		});
	},
	leftAndRightBind:function(){
		$(".item").unbind("click");
		$(".left-box .item").unbind("dblclick");
		$(".right-box .item").unbind("dblclick");
		//单击
		$(".item").bind("click",function(){
			$(this).toggleClass("selected-item");
		});
		//左边双击右移
		$(".left-box .item").bind("dblclick",function(){
			$(".right-box").append($(this).removeClass('selected-item'));
			page.leftAndRightBind();
		});
        //右边双击左移
		$(".right-box .item").bind("dblclick",function(){
			$(".left-box").append($(this).removeClass('selected-item'));
			page.leftAndRightBind();
		});
	},
	removeBtnBind:function(){
		$(".add-one").bind("click",function(){
			$(".right-box").append($(".left-box").find('.selected-item').removeClass('selected-item'));
		});
		$(".add-all").bind("click",function(){
			$(".right-box").append($(".left-box").find('.item').removeClass('selected-item'));
		});
		$(".remove-one").bind("click",function(){
			$(".left-box").append($(".right-box").find('.selected-item').removeClass('selected-item'));
		});
		$(".remove-all").bind("click",function(){
			$(".left-box").append($(".right-box").find('.item').removeClass('selected-item'));
		});
	}
}
function queryTable(){
	table=ajaxUtil.dataTablesAjax("queryTable",10,"dingTalk/queryAttendDevice",
			{},[
			{"data":"deviceId"},
			{"data":"deviceName"},
			{
				"data":"id",render:function(data){
					return "<button value='"+data+"' class='update btn btn-secondary radius'>修改</button> &nbsp;&nbsp; <button value='"+data+"' class='manage btn btn-secondary radius'>设置管理员</button> &nbsp;&nbsp; <button value='"+data+"' class='delete btn btn-danger radius'>删除</button>";
				}
			}
	]);
}

